<template>
  <div class="project-d-container">
    <el-form label-width="100px" label-position="left" size="small">
      <el-form-item label="项目名称">
        <el-input style="width:320px" v-model="data.name"></el-input>
      </el-form-item>
      <el-form-item label="项目搜索条件">
        <m-moduleSearchCriter :data.sync="data.searchCriteriaList"></m-moduleSearchCriter>
      </el-form-item>
      <el-form-item label="项目关联岗位">
        <m-moduleRelation :data.sync="data.relationList"></m-moduleRelation>
      </el-form-item>
      <el-form-item label="项目协作情况">
        <m-moduleCooperation :data.sync="data.cooperation"></m-moduleCooperation>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
import {Form, FormItem, Input} from 'element-ui'
import ModuleSearchCriter from './searchItem'
import ModuleRelation from './relationItem'
import ModuleCooperation from './cooperation'
  export default {
    components: {
      [Form.name]: Form,
      [FormItem.name]: FormItem,
      [Input.name]: Input,
      'm-moduleSearchCriter': ModuleSearchCriter,
      'm-moduleRelation': ModuleRelation,
      'm-moduleCooperation': ModuleCooperation,
    },
    created() {
      this.getData()
    },
    data () {
      return {
        data: {}
      }
    },
    methods: {
      getData() {
        this.data = {
          searchCriteriaList: [
            {
              id: 1, 
              title: '百度凤巢候选人'
            },
            {
              id: 2,
              title: 'title百度+C++'
            },
            {
              id: 3,
              title: '资金管理'
            },
            {
              id: 4,
              title: '产品运营+阿里巴巴'
            },
            {
              id: 5,
              title: '产品管理+产品运营'
            }
          ],
          relationList: [
            {
              id: 1,
              title: '27216-E证通产品运营(深圳总部)'
            },
            {
              id: 2,
              title: 'SA-腾讯社交广告系统后台开发高级工程师（北京）'
            },
            {
              id: 3,
              title: '21527-集团资金管理（深圳）'
            },
          ],
          cooperation: {
            memberNum: 3,
            contactNum: 426,
            recommendNum: 14,
            offerNum: 3
          }
        }
      }
    }
  }
</script>

<style lang="scss">
  
</style>
